<!doctype html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<link rel="stylesheet" href="../../css/aui.css">
		<link rel="stylesheet" href="../../css/mobileSelect.css">
		<link rel="stylesheet" href="../../css/normalUser.css">
		<link rel="stylesheet" href="../../css/pulice.css">
		<style type="text/css">
			#ksrz .center-account-money .rz-icon {
				width: 9px;
			}
		</style>
		<script src="../../js/mobileSelect.min.js"></script>
		<script src="../../js/libs/zepto.min.js"></script>
		<script src="../../js/api.js"></script>
		<script src="../../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/vue.min.js"></script>
		<script src="../../js/vue-resource.min.js"></script>
		<script src="../../js/aui-toast.js"></script>
		<script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
		<script>
			setToken();
			$(function() {

				var app = new Vue({
					el: '#app',
					data: {
						goods: {},
					},
					mounted: function() {
						this.$nextTick(function() {
							this.myAccount();
						})
					},
					methods: {
						myAccount: function() {
							this.$http.get(SURL + "app/users/personalData").then(function(res) {
								console.log(res.body.data.user)
								this.goods = res.body.data.user;
							}).catch(function(req) {

							});
						},

					}
				});

				var mobileSelect4 = new MobileSelect({
					trigger: '#kaihu',
					title: '',
					wheels: [{
						data: ['中国银行', '建设银行', '邮政储蓄', '民生银行', '光大银行', '农业银行', '北京银行', '中信银行', '上海银行', '工商银行', '交通银行', '招商银行']
					}],
					position: [2] //Initialize positioning
				});
				var mobileSelect5 = new MobileSelect({
					trigger: '#shengshi',
					title: '',
					wheels: [{
							data: [{
									id: '1',
									value: '北京市'
								},
								{
									id: '2',
									value: '河北省'
								},
								{
									id: '3',
									value: '河南省'
								}
							]
						},
						{
							data: [{
									id: '1',
									value: '北京市'
								},
								{
									id: '2',
									value: '石家庄市'
								},
								{
									id: '3',
									value: '郑州市'
								}
							]
						}
					],
					position: [2] //Initialize positioning
				});

				$('.hm-bar').load('../../data/headerOther.html', function(data) {
					$(this).find('.head-main').text('添加银行卡');
					$(this).find('.hm-bar-box').css('position', 'static');
					$(this).find('.head-left').on('tap', function() {
						window.history.back();
					});
				});
			})
		</script>
		<title>添加银行卡</title>
	</head>

	<body id="ksrz">

		<div class="hm-bar"></div>
		<div id="rzks" class="center-order" style="border-top: 0">
			<div class="center-account">
				<div class="center-account-public">
					<div class="font-base-28 rz-txt">姓名</div>
					<div class="font-base-28 center-account-money">
						<input type="text" placeholder="请输入您的真实姓名" :value="{{goods.trueName}}">
					</div>
				</div>
				<div class="center-account-public">
					<div class="font-base-28 rz-txt">身份证号</div>
					<div class="font-base-28 center-account-money">
						<input type="text" placeholder="请输入身份证号" :value="{{goods.cardID}}">
					</div>
				</div>
			</div>
			<div class="center-account">
				<div class="center-account-public">
					<div class="font-base-28 rz-txt">开户银行</div>
					<div class="font-base-28 center-account-money">
						<img class="rz-icon" src="../../img/newGo.png" alt="" />
						<div class="rz-select" id="kaihu">请选择开户银行</div>
					</div>
				</div>
				<div class="center-account-public">
					<div class="font-base-28 rz-txt">所属省市区</div>
					<div class="font-base-28 center-account-money">
						<img class="rz-icon" src="../../img/newGo.png" alt="" />
						<div class="rz-select" id="shengshi">请选择所属省市区</div>
					</div>
				</div>
				<div class="center-account-public">
					<div class="font-base-28 rz-txt">开户支行</div>
					<div class="font-base-28 center-account-money">
						<input type="text" placeholder="请输入某某支行">
					</div>
				</div>
				<div class="center-account-public">
					<div class="font-base-28 rz-txt">银行卡号</div>
					<div class="font-base-28 center-account-money">
						<input type="text" placeholder="请输入银行卡号">
					</div>
				</div>
				<div class="center-account-public">
					<div class="font-base-28 rz-txt">预留手机号</div>
					<div class="font-base-28 center-account-money">
						<input type="text" placeholder="请输入预留手机号">
					</div>
				</div>
			</div>
		</div>
		<a class="btn btn-blue btn-mt" href="">确认</a>
	</body>

</html>
<!--TODO:没做 三级联动没有  绑定也绑不上-->